<div class="page-header">
    <h1>
        用户列表
        <small>
            <i class="ace-icon fa fa-angle-double-right"></i>
            查看用户的基础资料信息；
        </small>
    </h1>
</div>
<div class="row">
    <div class="col-xs-12">
        <table id="dtpList" class="dataTable">
            <!--<tfoot>-->
            <!--<tr>-->
            <!--<td colspan="6">本页合计：</td>-->
            <!--<td>-->
            <!--<ins id="Total_Balance">￥13645.00</ins>-->
            <!--</td>-->
            <!--<td>-->
            <!--<ins id="Total_Consumption_Amt">￥13645.00</ins>-->
            <!--</td>-->
            <!--<td colspan="2"></td>-->
            <!--</tr>-->
            <!--</tfoot>-->
        </table>
        <div id="dtpList_filter" class="dataTables_filter">
            <div>
                <select id="dtpList_F_SType" class="selectpicker" data-style="btn btn-info btn-sm" data-width="90px">
                    <option value="">模糊查询</option>
                    <option data-divider="true"></option>
                    <option value="User_ID">用户ID</option>
                    <option value="NickName">用户昵称</option>
                    <option value="Email">邮箱</option>
                    <option value="Phone">手机号码</option>
                </select>
                <input id="dtpList_F_SValue" class="fvalue" type="text"/>
                <label>性别：</label>
                <select id="dtpList_F_Sex">
                    <option value="-1" selected="selected">所有</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
                <label>状态：</label>
                <select id="dtpList_F_Status">
                    <option value="-1" selected="selected">所有</option>
                    <option value="0" >正常</option>
                    <option value="1">锁定</option>
                </select>
                <button id="dtpList_F_Btn"></button>
            </div>
        </div>
    </div>
</div>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.min.js"></script>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.bootstrap.min.js"></script>
<script>
    $(function () {
        //列表数据(分页)
        var _dtpList = $("#dtpList").dataTable({
            //列信息
            'aoColumns': [
                {
                    'sWidth': '50px', 'data': 'Create_Date', 'sName': 'Create_Date', 'sTitle': '注册时间', 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        $(td).html(moment(cellData).format('YYYY-MM-DD HH:mm:ss'));
                    }
                },
                {
                    'sWidth': '50px', 'data': 'User_ID', 'sName': 'User_ID', 'sTitle': 'ID', 'sClass': 'center',
                },
                {
                    'sWidth': '50px', 'data': 'NickName', 'sTitle': '昵称', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '20px', 'data': 'VIP', 'sTitle': 'VIP', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        switch (cellData) {
                            case 0:
                            case true:
                                $(td).html('<i class="fa fa-close red" ></i>');
                                break;
                            case 1:
                            case false:
                                $(td).html('<i class="fa fa-check green" ></i>');
                                break;
                            default:
                                $(td).html('<i class="fa fa-minus"></i>');
                                break;
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'IsAnchor', 'sTitle': '艺人', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        switch (cellData) {
                            case 0:
                                $(td).html('<i class="fa fa-close red" ></i>');
                                break;
                            case 1:
                                $(td).html('<i class="fa fa-check green" ></i>');
                                break;
                            default:
                                $(td).html('<i class="fa fa-minus"></i>');
                                break;
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'IsFamily', 'sTitle': '公会', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        switch (cellData) {
                            case 0:
                                $(td).html('<i class="fa fa-close red" ></i>');
                                break;
                            case 1:
                                $(td).html('<i class="fa fa-check green" ></i>');
                                break;
                            default:
                                $(td).html('<i class="fa fa-minus"></i>');
                                break;
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Phone', 'sTitle': '手机', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        if(cellData){
                            $(td).html('<i class="fa fa-check green" ></i>');
                        }else{
                            $(td).html('<i class="fa fa-close red" ></i>');
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Email', 'sTitle': '邮箱', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        if(cellData){
                            $(td).html('<i class="fa fa-check green" ></i>');
                        }else{
                            $(td).html('<i class="fa fa-close red" ></i>');
                        }
                    }
                },
                {
                    'sWidth': '50px', 'data': 'OAuth_QQ_ID', 'sTitle': 'QQ', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        if(cellData){
                            $(td).html('<i class="fa fa-check green" ></i>');
                        }else{
                            $(td).html('<i class="fa fa-close red" ></i>');
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'OAuth_Weixin_ID', 'sTitle': '微信', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        if(cellData){
                            $(td).html('<i class="fa fa-check green" ></i>');
                        }else{
                            $(td).html('<i class="fa fa-close red" ></i>');
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'OAuth_Weibo_ID', 'sTitle': '微博', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        if(cellData){
                            $(td).html('<i class="fa fa-check green" ></i>');
                        }else{
                            $(td).html('<i class="fa fa-close red" ></i>');
                        }
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Level.Level', 'sTitle': '等级', 'bSortable': false, 'sClass': 'center t-right'
                },
                {
                    'sWidth': '35px', 'data': 'Coin', 'sName': 'Coin', 'sTitle': '金币', 'sClass': 'center t-right'
                },
                {
                    'sWidth': '35px', 'data': 'Beans', 'sName': 'Beans', 'sTitle': '金豆', 'sClass': 'center t-right'
                },
                {
                    'sWidth': '20px', 'data': 'Sex', 'sName': 'Sex', 'sTitle': '性别', 'sClass': 'center', 'bSortable': false,
                    'createdCell': function (td, cellData) {
                        switch (cellData) {
                            case 1:
                                $(td).html('男');
                                break;
                            case 2:
                                $(td).html('女');
                                break;
                            default:
                                $(td).html('<i class="fa fa-minus"></i>');
                                break;
                        }
                    }
                },
                {
                    'sWidth': '40px', 'data': 'Login_This_Date', 'sName': 'Login_This_Date', 'sTitle': '最后登录', 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        $(td).html(moment(cellData).isValid() ? moment(cellData).format('MM-DD HH:mm')  : '');
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Status', 'sName': 'Status', 'sTitle': '状态', 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        switch (cellData) {
                            case 0:
                                $(td).html('<span class="label label-success">正常</span>');
                                break;
                            case 1:
                                $(td).html('<span class="label label-danger">锁定</span>');
                                break;
                            default:
                                $(td).html('<span class="label label-default">未知</span>');
                                break;
                        }
                    }
                },
//                {
//                    "sWidth": "25px", 'data': 'User_ID', "sTitle": "操作", "sClass": "center", 'bSortable': false,
//                    "createdCell": function (td, cellData, rowData) {
//                        $(td).html('<button type="button" name="itemUserAddSubtract" id="itemUserAddSubtract" RightCode="{User}[Info](Add-Subtract)" class="btn btn-white btn-minier btn-info"><i class="fa fa-pencil"></i> 加减币</button>');
//                    }
//                }
            ],
            'aaSorting': [0, 'desc'],
            'sAjaxSource': '/ajax/user.user-info.page',
            'fnServerParams': function (aoData) {
                if (!this.arrPageFilter) {
                    //搜索:条件发生变化
                    this.arrPageFilter = [];
                    this.arrPageFilter.push(
                            {'name': 'F_Status', 'value': $(this.selector + '_F_Status').val()},
                            {'name': 'F_Sex', 'value': $(this.selector + '_F_Sex').val()}
                    );
                }
                else {
                    //重置条件框内容：未按搜索按钮
                    $(this.selector + '_F_Status').val(this.arrPageFilter[0].value);
                    $(this.selector + '_F_Sex').val(this.arrPageFilter[1].value);
                }
                this.ofnServerParams(aoData);
            },
//            'fnFooterCallback': function (nFoot, aData) {
//                //合计
//                var _Balance = 0.00, _Consumption_Amt = 0.00;
//                _.forEach(aData, function (ThisValue) {
//                    _Balance += $.KOC.String.ToInt(ThisValue.Balance);
//                    _Consumption_Amt += $.KOC.String.ToFloat(ThisValue.Consumption_Amt);
//                });
//
//                $('#Total_Balance').text('￥' + $.KOC.String.ToCurrency(_Balance));
//                $('#Total_Consumption_Amt').text('￥' + $.KOC.String.ToCurrency(_Consumption_Amt));
//            },
            'selectOpt': {
                Tools: {
                    Init: true,
                    Buttons: {
                        'btn-info': {
                            text: '<i class="fa fa-eye"></i> 查看',
                            style: 'primary',
                            RightCode: '{User}[Info](Info)',
                            addClass: 'btn disabled',
                            action: function () {
                                $.CommonAdmin.OpenWindow(':UserInfoInfo:' + _dtpList.selectData.User_ID);
                                return false
                            }
                        },
                        'btn-edit': {
                            text: '<i class="fa fa-pencil-square-o"></i> 编辑',
                            style: 'primary',
                            RightCode: '{User}[Info](Edit)',
                            addClass: 'btn disabled',
                            action: function () {
                                $.CommonAdmin.OpenWindow(':UserInfoEdit:' + _dtpList.selectData.User_ID, function () {
                                    _dtpList.fnDraw();
                                });
                                return false
                            }
                        },
                        'btn-subtract': {
                            text: '<i class="fa fa-plus"></i> 加减币',
                            style: 'primary',
                            RightCode: '{User}[Info](Add-Subtract)',
                            addClass: 'btn disabled',
                            action: function () {
                                $.CommonAdmin.OpenWindow(':UserAddSubtract:' + _dtpList.selectData.User_ID);
                                return false
                            }
                        },
                        'btn-close': {}
                    },
                    onBuild: function (content) {
                        $.CommonAdmin.Permission.CheckElement(content);
                    },
                    onReset: function () {
                        if (_dtpList.selectData) {
                            _dtpList.ofnSelectToolsBtnRemoveClass(['btn-info', 'btn-edit','btn-subtract']);
                        }
                    }
                }
            }
        });
//                .on('click', 'tbody button[name="itemUserAddSubtract"]', function () {
//            var _rowData = _dtpList.fnGetData($(this).closest('tr'));
//            $.CommonAdmin.OpenWindow(':UserAddSubtract:' + _rowData.User_ID);
//        });
    });
</script>